<template>
	<div>
			<!--顶部样式-->
		<div class="head-bg">
			<div class="head-black">
				<a href="#/shiming02">
				<div class="left-arrow">
					<img src="../../assets/img/gerenzhongxin/gongzhonghao/left-arrow.png" />
				</div>
				</a>
				<div class="head-center">
					<p>身份实名认证</p>
				</div>
				<div class="baocun03">
					<a href="#/shiming02">
					<p>添加新身份</p>
					</a>
				</div>
			</div>
		</div>
		<!--内容-->
		<div class="zs1">
		<div class="zhangsan">
			<p class="xingming">袁灰灰</p>
			<p class="haom">100100**********</p>
			<div class="id-zheng">
				<p>身份证正面照片</p>
			</div>
			<div class="id-fan">
				<p>身份证反面照片</p>
			</div>
		</div>
		<div class="bianji1">
			<span><img src="../../assets/img/gerenzhongxin/gongzhonghao/bi.png"/>&nbsp;编辑</span>
			<span class="del1"><img src="../../assets/img/gerenzhongxin/gongzhonghao/bi.png"/>&nbsp;删除</span>
		</div>
		</div>
		<!--第二个-->
		<div class="zs2">
		<div class="lisi">
			<p class="xingming">灰灰</p>
			<p class="haom">100100**********</p>
			<div class="id-zheng">
				<p>身份证正面照片</p>
			</div>
			<div class="id-fan">
				<p>身份证反面照片</p>
			</div>
		</div>
		<div class="bianji2">
			<span><img src="../../assets/img/gerenzhongxin/gongzhonghao/bi.png"/>&nbsp;编辑</span>
			<span class="del2"><img src="../../assets/img/gerenzhongxin/gongzhonghao/bi.png"/>&nbsp;删除</span>
		</div>
		</div>
	</div>
</template>

<script>
	export default {
		components: {},
		methods: {
			del: function() {
				$(".del1").click(function(){
					$(".zs1").css("display","none");
				});
				$(".del2").click(function(){
					$(".zs2").css("display","none");
				});
			}
		},
		mounted: function() {
			this.del();
		}
	}
</script>

<style>
			html {
		background: #f2f2f2;
	}
	
	#app {
		overflow: hidden;
	}
	
	.head-bg {
		background: #e53e42;
		width: 100%;
		height: 9.6rem;
	}
	
	.shezhi-content {
		border: 0.1rem solid darkgray;
	}
	
	.head-black {
		margin: 0 auto;
		padding-top: 3.1rem;
		display: flex;
		justify-content: space-between;
		width: 95%;
	}
	
	.left-arrow img {
		width: 2.3rem;
		height: 3.8rem;
	}
	
	.head-center {
		font-size: 3.6rem;
		font-weight: 600;
		color: white;
	}
	.baocun03 p{
		color: white;
		font-size: 3rem;
	}
	.zhangsan,.lisi{
		width: 100%;
		height: 24rem;
		background: white;
		border-bottom: 0.1rem solid darkgray;
		position: relative;
	}
	.zs1{
		margin-bottom: 3rem;
	}
	.zhangsan .xingming,.lisi .xingming{
		position: absolute;
		font-size: 3rem;
		padding: 2rem;
	}
	.zhangsan .haom ,.lisi .haom{
		position: absolute;
		font-size: 3rem;
		left: 16.4rem;
		top: 2.3rem;
	}
	.id-zheng,.id-fan{
		float: left;
		margin: 8.2rem 2rem;
		width: 20rem;
		height: 12rem;
		border:0.1rem solid gainsboro;
		}
	.id-fan p,.id-zheng p{
		font-size: 2rem;
		line-height: 12rem;
	}
	.bianji1 ,.bianji2{
		height: 4rem;
		width: 100%;
		background: white;
		font-size: 2.7rem;
		padding: 3rem;
		
	}
	.bianji1 span ,.bianji2 span{
		padding-right: 4rem;
	}
	.bianji1 span img ,.bianji2 span img{
		width: 3rem;
		height: 3rem;
	}
</style>